ul,li,dl,dt,dd,ol{list-style: none;margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6,p,input,button{margin: 0; padding: 0;}
input,button,a {
    outline:0 none !important; blr:expression(this.onFocus=this.blur());
}
/*checkbox,radio美化*/
input[type=checkbox],input[type=radio] {
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	width: 1.4rem;
	height: 1.4rem;
	cursor: pointer;
	vertical-align: center;
	background: #fff;
	border:0.05rem solid #ccc;
	border-radius: 100%;
	position: relative;
	vertical-align: middle;
}
input[type=checkbox]:checked,input[type=radio]:checked{
	border:0.05rem solid #f63;
}
input[type=checkbox]:checked::after {
	content: "";
	display: block;
	position: absolute;
	text-align: center;
	top:0.15rem;
	left:0.15rem;
	right: 0;
	bottom: 0;
	width:1rem;
	height:1rem;
	line-height:1rem;
	color: #fff;
	background: #f63;
	font-size:1.2rem;
	border-radius: 100%;
}
input[type=radio]:checked::after {
	content: "";
	display: block;
	position: absolute;
	top:0.15rem;
	left:0.15rem;
	right: 0;
	bottom: 0;
	width:1rem;
	height:1rem;
	line-height:1rem;
	color: #fff;
	background: #f63;
	font-size:1.2rem;
	border-radius: 100%;
	text-align: center;
}
input[type=radio], input[type=radio]:checked::after {
	border-radius: 50%;
}

.container{width: 100%; height: 100%; }
.footbar{width: 100%; height:3rem; overflow: hidden; display: flex; justify-content: space-between; text-align: center; background: #f1f1f1; position: fixed; bottom: 0; z-index: 100;}
.footbar .foot_radio{width:30%;}
.footbar .foot_radio label{padding:0.85rem 0 0 0; display: block; font-size:0.8rem; color: #666;}
.footbar .foot_btn em.iconfont{display: block; margin:0 auto 0.2rem auto; font-size:1.4rem; color: #999; font-style:normal;}
.footbar .foot_btn span.txt{font-size:0.8rem;color: #999; line-height: 1; display: inline-block;}
.footbar .foot_btn{width:20%; height:3rem; background: none; border: 0; margin: 0; padding: 0;}
.footbar .foot_btn1{width:30%; height:3rem; line-height:3rem; background: #f93; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn1 span{font-size:0.85rem; color: #fff;}
.footbar .foot_btn2{width:30%; height:3rem; line-height:3rem; background: #f63; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn2 span{font-size:0.85rem; color: #fff;}
.footbar .foot_btn3{width:40%; height:3rem; line-height:3rem; background: #f63; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn3 span{font-size:0.85rem; color: #fff;}
.footbar .foot_btn4{width:50%; height:3rem; line-height:3rem; background: #f93; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn4 span{font-size:0.85rem; color: #fff;}
.footbar .foot_btn5{width:50%; height:3rem; line-height:3rem; background: #f63; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn5 span{font-size:0.85rem; color: #fff;}
.footbar .foot_btn0{width:100%; height:3rem; line-height:3rem; background: #f63; border: 0;  margin: 0; padding: 0; border-radius: 0;}
.footbar .foot_btn0 span{font-size:0.85rem; color: #fff;}

.listbox{width: 100%; height:auto; overflow: hidden; background: #fff; display: flex; justify-content: space-between; margin-bottom:1rem;}
.listbox .box_left{width:60%; text-align: left; display: flex; justify-content:flex-start;}
.listbox .box_left img{width:4rem; height:4rem; margin-right:0.5rem; border-radius:0.2rem;}
.listbox .box_left .tit{ height:2rem; line-height: 1.4; overflow: hidden; font-size: 0.8rem;color: #333; margin-bottom: 0.4rem;display:-webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; margin-bottom: 0.5rem; }
.listbox .box_left .time{font-size:0.7rem;color: #999;}
.listbox .box_right{width: 40%; text-align: right;}
.listbox .box_right .num{font-size:0.7rem; color: #999; margin:0rem 0 1.2rem 0;}
.listbox .box_right .num span{font-size:0.8rem; color: #333;}
.listbox .box_right .price{font-size:0.7rem;color: #999;}
.listbox .box_right .price span{font-size:1rem; color: #f30; font-weight: bold;}

.listbox1{height:auto; overflow: hidden; background: #fff; display: flex; justify-content: space-between; padding:0.5rem 0.75rem; border-bottom:0.05rem #f3f3f3 solid;}
.listbox1 .box_left{width:25%;}
.listbox1 .box_left img{width:100%; display: block; border-radius:0.3rem;}
.listbox1 .box_center{width:58%; text-align: left; margin-top: 0.5rem;}
.listbox1 .box_center .tit{width:100%; height:2.4rem; line-height: 1.2rem; display: -webkit-box; display: -moz-box; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size:1rem;color: #333; }
.listbox1 .box_center .spec{font-size:0.75rem;color: #999;}
.listbox1 .box_center .price{font-size:0.75rem;color: #999; margin-top: 0.3rem;}
.listbox1 .box_center .price .cprice{color: #ff3300; margin-right:0.5rem;}
.listbox1 .box_center .price .cprice em{font-size:1.2rem; font-style: normal; font-weight: bold;}
.listbox1 .box_right{width: 10%; text-align: center;}
.listbox1 .box_right .iconfont{font-size:1.4rem; color: #f30; display: block; margin-top:3.2rem;}

.listbox2{height:auto; overflow: hidden; background: #fff; padding:1rem 0.75rem; position: relative; border-bottom:0.05rem #f3f3f3 solid;}
.listbox2 .box_radio{position: absolute; left:0; top:0;}
.listbox2 .box_radio label{width:7rem; height:7rem; display: block; }
.listbox2 .box_radio label input{margin:1rem 0.75rem;}
.listbox2 .box_left{text-align: left; height:auto; overflow: hidden;}
.listbox2 .box_left h4{float: right; font-size:0.8rem; color: #999; font-weight: normal; margin-top: 0.3rem;}
.listbox2 .box_left h5{float: right; font-size:1rem; color: #999; font-weight: normal; margin-top:0.5rem; clear:right;}
.listbox2 .box_left .btn{width:5rem; height: 2rem; line-height:2rem; overflow: hidden; text-align: center; background: #fff; border:0.05rem #eeeeee solid; border-radius: 0.3rem; float: right;}
.listbox2 .box_left .btn span{display: block; line-height:2rem; color: #666; text-align: center;  font-size: 0.8rem;}
.listbox2 .box_left .btn i{float: right; margin: 0 0.3rem 0 0; font-size:0.8rem;}
.listbox2 .box_left img{width:5rem; height: 5rem; float: left; display: block; border-radius:0.3rem; margin-right: 0.75rem;}
.listbox2 .box_left .left_con{ text-align: left;}
.listbox2 .box_left .tit{height:1.2rem; line-height: 1.2rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size:0.9rem;color: #333; }
.listbox2 .box_left .spec{font-size:0.75rem;color: #999;}
.listbox2 .box_left .price{font-size:0.75rem;color: #999; margin-top: 0.3rem;}
.listbox2 .box_left .price .cprice{color: #ff3300; margin-right:0.5rem;}
.listbox2 .box_left .price .cprice em{font-size:1.2rem; font-style: normal; font-weight: bold;}
.listbox2 .box_right{ position: absolute; right:0.75rem; bottom:1.2rem;}
.listbox2 .box_right .iconfont{font-size:1.4rem; color: #f30; display: block; margin-top:3.8rem;}

/*reset*/
.ios{--background: var(--ion-background-color,#f6f6f6);}
.list-ios .item{
	--border-color: var(--ion-item-border-color,var(--ion-border-color,var(--ion-color-step-150,#eeeeee)));
}
.list-ios .item .sc-ion-label-ios-h{
	display: flex;
	justify-content:flex-start;
}
.header-ios .ios{--background: var(--ion-background-color,#058fb6);}
.title-ios{color: #fff;}
.sc-ion-buttons-ios-h{margin-left: 0.3rem;}
.button-inner.sc-ion-back-button-ios{color: #fff;}
.header-ios .button-inner .button-text{color: #058fb6;}

/*numberbox*/
.numberbox{width:7.2rem; height:2rem; overflow:hidden; display:flex; align-items: center; justify-content:center; border:1px #dddddd solid; border-radius: 0.3rem;}
.numberbox button{width:2.3rem; height:2rem;  background: #f6f6f6; color: #666; text-align: center; font-size:1.2rem;}
.numberbox input{width:2.8rem; height:2rem; line-height:2rem; background: #fff; font-size:0.9rem; border: 0; border-left: 1px #eeeeee solid; border-right: 1px #eeeeee solid; text-align: center; color: #333;} 

/*vant reset*/
.van-stepper{font-size: 0.75rem !important; height: auto; overflow: hidden; border: 0.05rem #dddddd solid !important; border-radius: 0.25rem;}
.van-stepper__minus, .van-stepper__plus{width: 2rem !important; height: 2rem !important; border-radius: 0!important; margin: 0!important; }
.van-stepper__input{width: 2.5rem !important; height: 2rem !important; background:#fff !important; padding:0 !important; margin: 0!important;font-size: 0.8rem !important;}
.van-stepper__minus::before, .van-stepper__plus::before {
	height: 0.1rem !important;
    width: 0.6rem !important;
}
.van-stepper__minus::after, .van-stepper__plus::after {
	width: 0.1rem !important;
    height: 0.6rem !important;
}

.blankDiv {
  text-align: center;
  padding: 2rem;
}
/*floatbox*/
.floatbox {
  width: 100%;
  position: fixed;
  bottom:3rem;
  background: #fff;
  height: auto;
  overflow: hidden;
}

.floatbox .tit {
  padding: 0 0.75rem;
  height: 2.5rem;
  line-height: 2.5rem;
  overflow: hidden;
  text-align: left;
  border-top: 0.05rem #eeeeee solid;
  border-bottom: 0.05rem #f3f3f3 solid;
}
.floatbox .tit h3 {
  font-size: 0.8rem;
  line-height: 2.5rem;
  float: left;
  color: #666;
}
.floatbox .tit h4 {
  font-size: 0.8rem;
  line-height:2.5rem;
  float: left;
  color: #999;
  font-weight: normal;
}
.floatbox .tit h4 strong{
	color: #f30;
	font-size: 1rem;
	font-weight: normal;
}
.floatbox .tit p {
  float: right;
}
.floatbox .tit p {
  font-size:0.9rem;
  color: #999;
}
.floatbox .tit p span {
  color: #ff3300;
}
.floatbox .tit p i {
  font-size: 1.2rem;
  font-weight: bold;
  font-style: normal;
}
.floatbox .con {
  padding: 0.5rem 0.75rem;
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
}

.floatbox button {
  flex: 1;
  padding: 0 0.5rem;
  height: 2.2rem;
  line-height: 2.2rem;
  overflow: hidden;
  background: #eee;
  display: block;
  color: #333;
  font-size: 0.8rem;
  margin: 0 0.3rem 0 0.3rem;
  border-radius: 0.3rem;
}

.floatbox button.active {
  background: #f93;
  color: #fff;
}